<template>
    <!-- $route.params.id
        获取url 中的id
        -->
    <!--<h3 class="title">这是 NewInfo 组件 &#45;&#45; {{ id }} </h3>-->
    <div class="newsInfo-container">
        <h3 class="title">{{ title }}</h3>
        <div class="subtitle">
            <span>发表时间:{{ add_time | dateFormat }}</span>
            <span>点击:{{ click }}次</span>
        </div>
        <div class="new-content">{{ content }}</div>
        <!-- comment 评论组件 -->
        <div class="comment-content">
            <comment-box :id="this.id"></comment-box>
        </div>
    </div>
</template>

<script>
    import comment from "../subcomponents/comment.vue"

    export default {
        components:{
            "comment-box":comment,
        },
        data() {
            return {
                id: this.$route.params.id,
                title:"浅遇深藏，温柔时光",
                add_time: "2018-12-18T04:05:34.000Z",
                click:5,
                content:"红尘冷暖，岁月清浅，仓促间，遗落一地，如诗的句点，不甘愿，不决绝，掬一份刻骨的思念，系一根心的挂牵，在你回眸的瞬间，一抹兰轩的底色，悄然纳于心间，不问深浅，暖一世的欢颜。\n" +
                    "\n" +
                    "----------题记\n" +
                    "\n" +
                    "       近来，有丝丝倦怠，铺天盖地的不肯离开，执笔，画圈，一闪而过的念，总是一而再，再而三的被搁浅，那些不情不愿的小情绪，占领了太多的空间，庸庸碌碌中，任光阴无情的在指缝中删删减减。\n" +
                    "\n" +
                    "       早春，微寒缠绵，风，温和的吹醒，春的语言，柳丝抽芽，百花争艳，桃花灼灼的世界是温婉多情的烟花三月。柳岸花堤，亭水榭间，行吟山水，一梦千年。“水光潋滟晴方好，山色空蒙雨亦奇。欲把西湖比西子，淡妆浓抹总相宜”。爱上一座城，爱它的雅韵别致，温润纤细，痴恋一场雨，恋它的清新淡雅，水墨成烟。空蒙蒙的烟雨，摇曳着柳枝，泪水涟涟。古往今来，江南春梦，被悠悠岁华，洗濯了千年。忧怨的姑娘，青石板的小巷，一柄多情的油纸伞，清晰而玲珑的在一湖瘦水中沉淀。\n" +
                    "\n" +
                    "       一朵时光，反复的被书写，写一程山水，春意翩翩，写柴米油盐，独自清闲，写万千的情意，羽化成美丽的语言，写小小的心绪，深深浅浅，心中，始终有一处温暖，如雨后的晨露，洋溢在眉眼，不增不减。佛说：“欲行净土，当净其心，随其心净，即佛土净。圣人求心不求佛，愚人求佛不求心；智者调心不调身，愚者调身不调心。”拥一颗禅心，平和宁静，不攀比，不争名夺利，在温和的光阴中，恪守自己，品人生百味，世事洞明。\n" +
                    "\n" +
                    "       我心中对于圆满，或许不是鲜衣怒马，也或许不是海棠佳话，而是，一段清简的况味，禅风流韵，与喜欢的人，素心相对，你护我冷暖，我慰你心安，在眼眸顾盼的瞬间，捕捉着岁月最美的箴言，一人一心，一花一叶。\n" +
                    "\n" +
                    "       如水的良辰，闲云悠悠，薄薄的阳光，还在云上，怀惴着晴朗，与风月对望，迎风中伫立，将繁华与落寞，细细丈量，佛说；万物皆有因果，世事变幻无常，命运，向你掩盖了一扇门，定会为你打开另一窗，只要你用心承载着阳光，便是明媚不可阻挡的方向。\n" +
                    "\n" +
                    "       行走在岁月的小巷，听风，读雨，夜色空寂，一切烟云，皆会慢慢散去，光阴眷顾，你我默默相依，慢慢老去，红尘若可安好，便可不悲不喜，不离不弃，情真意切，绵绵无期。"
            }
        },
        created(){
            this.getNewsInfo()
        },
        methods:{
            getNewsInfo(){
                this.$http.get("api/getnew/"+ this.id).then( result => {
                    if(result.body.status === 0 ){
                        this.newsinfo = result.body.message[0];
                    }else{
                        Toast("获取新闻失败!")
                    }
                })
            }
        }
    }
</script>

<style lang="scss" scoped>
    .newsInfo-container{
        padding: 0 4px;
        margin-top: 15px;
        font-size: 14px;
        .title{
            text-align: center;
            font-size: 16px;
            color: red;
            line-height: 40px;
        }
        .subtitle{
            display: flex;
            justify-content: space-between;
            font-size: 14px;
            border-bottom: 1px solid #ccc;
            padding: 0 20px 5px;
            color: #26a2ff;
        }
        .new-content{
            margin: 10px 0;
        }
    }
</style>